<script lang="ts" setup>
import { computed } from 'vue'
import { useCounterStore } from '../Hooks/useCounterStore'

// use non-null assertion operator to ignore the case that store is not provided.
const state = useCounterStore()!
</script>
<template>
    <div class="store-child1-container">
        <div>当前是child3组件</div>
        <div>count: {{  state.count }}</div>
    </div>
</template>
<style scoped>
.store-child1-container {

}
</style>